@font-face {
    font-family: icomoon;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(../Fonts/Icomoon/icomoon.eot?-ek1nyd);
    src: url(../Fonts/Icomoon/icomoon.eot?#iefix-ek1nyd) format("embedded-opentype"),url(../Fonts/Icomoon/icomoon.woff?-ek1nyd) format("woff"),url(../Fonts/Icomoon/icomoon.ttf?-ek1nyd) format("truetype"),url(../Fonts/Icomoon/icomoon.svg?-ek1nyd#icomoon) format("svg")
}

a, a:visited, a:hover { text-decoration: none; } /* styles from old site */

.container a[href]:not([class]),
.container a[href][class^="fr-"] /* handle froala */
{ /* new site set any unstyled links to bold, underline, blue */
    font-weight: bold;
    text-decoration: underline;
    color: var(--primary-blue);
}

html {
    font-size: 1.14286em;
    line-height: 1.375;
}

body {
    font-family: 'Work Sans', Tahoma,Verdana,Arial,sans-serif;
    font-size: 16px;
    letter-spacing: .1px;
}

body ul.bullet-list {
    margin-bottom: 20px;
    list-style-type: none;
    padding-left: 0;
}

    body ul.bullet-list li {
        /*padding-left: 21px*/
    }

        body ul.bullet-list li > span {
            position: absolute;
            left: 0;
            top: 13px
        }

h1 {
    color: #73a31f
}

@media all and (min-width:81.25em) {
    h1 {
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 1.22222
    }
}

@media all and (max-width:74.99em) {
    h1 {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.83333
    }
}

h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.83333;
    /*color: #73a31f*/
}

h3 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.1;
    /*color: #437ec6*/
}

h4 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.22222;
    color: #6d6e70;
    font-weight: 700;
}

h5 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.375;
    color: #333
}

h6 {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.57143
}

ol {
    margin: 0;
    padding: 0;
    margin-left: 20px
}

    ol li {
        padding: 10px 0;
        width: 100%;
        text-align: left
    }

.bullet-list li:before, .list-star li:before {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #f5a628;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f005";
    padding-right: 10px
}

ul.bullet-list {
    margin-bottom: 20px
}

    ul.bullet-list li {
        padding: 10px 0;
        display: block;
        width: 100%;
        text-align: left
    }

        ul.bullet-list li .icon-star {
            color: #f5a628;
            margin-right: 10px
        }

ol {
    margin: 0;
    padding: 0;
    margin-left: 20px
}

    ol li {
        padding: 10px 0;
        width: 100%;
        text-align: left
    }

.bullet-list li:before, .list-star li:before {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #f5a628;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f005";
    padding-right: 10px
}







/* MANUAL BRING IN*/

.icon-quote:before {
    content: "\e602"
}

.icon-quote2:before {
    content: "\e601"
}

.img-wrapper {
    vertical-align: middle;
    text-align: center;
    width: 100%;
    min-height: 0;
}

    .img-wrapper a {
        vertical-align: middle
    }

.ForumLogonBox, .ForumSearchBox .btn-default, .ForumSearchBox a, .l--quarter-width, .quote-img-wrapper .img-wrapper {
    display: inline;
    float: left;
    width: 22.56098%;
    margin: 0 1.21951%
}

.FormPadding .form-horizontal, .ForumSearchBox .form-control, .l--eight-width, .quote-img-wrapper .quote-block {
    display: inline;
    float: left;
    width: 72.56098%;
    margin: 0 1.21951%
}


.quote-img-wrapper {
    float: left;
    clear: both;
    width: 100%;
}

    .quote-img-wrapper .img-wrapper {
        padding: 24px 0
    }

.quote-block {
    display: inline;
    float: left;
    width: 97.56098%;
    margin: 0 1.21951%;
    width: 100%;
    margin: 0;
    padding: 24px 0
}

    .quote-block .img-wrapper {
        display: inline;
        float: left;
        width: 22.56098%;
        margin: 0 1.21951%
    }

        .quote-block .img-wrapper img {
            width: 90%
        }

    .quote-block .quote {
        display: inline;
        float: left;
        width: 97.56098%;
        margin: 0 1.21951%
    }

@media all and (max-width:74.99em) {
    .quote-block .quote {
        display: inline;
        float: left;
        width: 97.56098%;
        margin: 0 1.21951%
    }

        .quote-block .quote p {
            text-align: right
        }
}

.quote-block .quote p {
    text-align: left
}

.quote-block .quote .quote-text {
    color: #e90564;
    font-size: 27px
}

@media all and (max-width:26.24em) {
    .quote-block .quote .quote-text {
        font-size: 21px
    }
}

.quote-block .quote i {
    color: #f5a628;
    font-size: 2em
}

.quote-block .quote span {
    padding-left: 15px;
    padding-right: 15px
}

.quote-block .quote .author {
    color: #73a31f;
    font-size: 16px
}

@media all and (max-width:26.24em) {
    .quote-block .quote {
        display: inline;
        float: left;
        width: 97.56098%;
        margin: 0 1.21951%
    }
}

@media all and (max-width:26.24em) {
    .quote-block {
        padding: 0
    }
}

.paint-btn {
    background: url('/sitefiles/_assets/img/design/paint-dab.png') no-repeat;
    text-align: center;
    margin: 40px 0;
    width: 321px;
    height: 46px;
    clear: both;
    display: block;
    color: white!important;
}

.paint-btn a {
    padding: 8px 0;
    color: #fff!important;
    font-weight: 700;
    display: block;
}

.main-content {
    display: block;
    float: left;
    margin-bottom: 40px;
    text-align: left
}

    .main-content h1 {
        color: #73a31f
    }

@media all and (max-width:26.24em) {
    .main-content h1 {
        margin-top: 20px;
        font-size: 20px;
        line-height: 100%
    }
}

.main-content h2 {
    color: #437ec6;
    line-height: 100%;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px
}

@media all and (min-width:26.25em) and (max-width:63.99em) {
    .main-content h2 {
        font-size: 18px
    }
}

@media all and (max-width:26.24em) {
    .main-content h3 {
        font-size: 16px
    }
}

@media all and (max-width:26.24em) {
    .main-content h4 {
        font-size: 14px
    }
}

@media all and (max-width:26.24em) {
    .main-content p {
        font-size: .8rem
    }
}

.main-content ul span.icon-star {
    color: #f5a628
}

@media all and (max-width:63.99em) {
    .main-content {
        display: inline;
        float: left;
        width: 97.56098%;
        margin: 0 1.21951%;
        border-top: 1px solid #73a31f
    }
}

@media all and (max-width:26.24em) {
    .main-content {
        border-top: 0
    }
}


.product-details .show-more {
    display: block;
    margin-bottom: 25px
}

.product-details .CntRatingContent {
    margin-bottom: 15px;
    clear: both
}

.product-details .price-box {
    position: relative;
    max-width: 320px;
    padding: 20px;
    border: 1px solid #73a31f;
    /*margin-bottom: 25px*/
}

    .product-details .price-box .editing-form-value-cell .form-control {
        border-radius: 0;
        border: 1px solid #ccc;
        margin-top: 5px
    }

    .product-details .price-box .price {
        color: #000;
        text-align: right
    }

    .product-details .price-box .label, .product-details .price-box label {
        margin-right: 7px;
        margin-top: 4px
    }

    .product-details .price-box .AddToCartLink {
        background: #e90564;
        color: #fff;
        padding: 5px 8px 6px;
        text-transform: uppercase;
        font-size: 16px;
        clear: both;
        display: inline-block;
    }

        .product-details .price-box .AddToCartLink:hover {
            background: #437ec6
        }

    .product-details .price-box .add-to-cart-text-box {
        width: auto;
        border: 1px solid #73a31f;
        width: 35px
    }

    .product-details .price-box .popup-basket-msg {
        font-size: 16px;
        display: none;
        background: #e90564;
        color: #fff;
        padding: 15px;
        width: 213px;
        position: absolute;
        bottom: 45px;
    }

        .product-details .price-box .popup-basket-msg p {
            margin-bottom: 0
        }

        .product-details .price-box .popup-basket-msg.error {
            background: #fd0000
        }

@media (max-width:550px) {
    .product-details .price-box {
        max-width: none
    }

        .product-details .price-box .AddToCartLink {
            width: 100%;
            text-align: center
        }
}

.c-red {
    color: #fd0000
}

.c-purple {
    color: #be57a1
}

.c-blue {
    color: #437ec6
}

.c-orange {
    color: #f99e30
}

.c-green {
    color: #73c8b1
}

.c-pink {
    color: #ef3c33
}

.c-bg-purple {
    background-color: #be57a1
}

.c-bg-blue {
    background-color: #4766A8
}

.c-bg-orange {
    background-color: #f99e30
}

.c-bg-green {
    background-color: #73c8b1
}

.c-bg-pink {
    background-color: #ef3c33
}

.c-bg-grey {
    background-color: #f4f4f4
}

.c-bg-white {
    background-color: white;
}

.shop-banner ,
.shop-banner:visited .c-bg-blue,
.shop-banner:hover .c-bg-blue {
    color: currentColor!important;
    }

.shop-banner .c-bg-blue,
.shop-banner .c-bg-blue h1,
.shop-banner:visited .c-bg-blue,
.shop-banner:hover .c-bg-blue {
    color: white!important;
    }

.shop-banner-featured-label {
    position: absolute;
    bottom: -88px;
    right: -59px;
    background: #73a31f;
    padding: 5px;
    text-align: center;
    webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-35deg);
    color: #fff;
    width: 140px;
    height: 140px;
    font-size: 11px;
}